<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>叶统学的个人博客</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/normalize.css">
        <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/font-awesome.css">
        <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/bootstrap.min.css">
        <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/templatemo-style.css">
        <script src="${pageContext.request.contextPath}/static/js/vendor/modernizr-2.6.2.min.js"></script>
		<style>
		::-webkit-input-placeholder { /* WebKit browsers */ 
			color: #999; 
		} 
		:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
			color: #999; 
		} 
		::-moz-placeholder { /* Mozilla Firefox 19+ */ 
			color: #999; 
		} 
		:-ms-input-placeholder { /* Internet Explorer 10+ */ 
			color: #999; 
		}
		#logo{
       	 		border-radius:50px;
       		 } 
		</style>
    </head>
    <body>
        <!--[if lt IE 7]>
           <p class="browsehappy">您正在使用的浏览器已经 <strong>太OUT了</strong>. <a href="http://browsehappy.com/">点击此处更新您的浏览器</a> .</p>
        <![endif]-->
        
        <div class="site-bg"></div>
        <div class="site-bg-overlay"></div>

        <!-- TOP HEADER -->
        <div class="top-header">
            <div class="container">
                <div class="row">
                    <div class="col-md-6 col-sm-6 col-xs-12">
                        <p class="phone-info">联系电话: <a href="#">18511364622</a></p>
                    </div>
                    <!-- <div class="col-md-6 col-sm-6 col-xs-12">
                        <div class="social-icons">
                            <ul>
                                <li><a href="#" class="fa fa-facebook"></a></li>
                                <li><a href="#" class="fa fa-twitter"></a></li>
                                <li><a href="#" class="fa fa-linkedin"></a></li>
                                <li><a href="#" class="fa fa-dribbble"></a></li>
                                <li><a href="#" class="fa fa-rss"></a></li>
                            </ul>
                        </div>
                    </div> -->
                </div>
            </div>
        </div> <!-- .top-header -->


        <div class="visible-xs visible-sm responsive-menu">
            <a href="#" class="toggle-menu">
                <i class="fa fa-bars"></i> 导航菜单
            </a>
            <div class="show-menu">
                <ul class="main-menu">
                    <li>
                        <a class="show-1 active homebutton" href="#"><i class="fa fa-home"></i>我的主页</a>
                    </li>
                    <li>
                        <a class="show-2 aboutbutton" href="#"><i class="fa fa-user"></i>关于我的</a>
                    </li>
                    <li>
                        <a class="show-3 projectbutton" href="#"><i class="fa fa-camera"></i>生活美照</a>
                    </li>
                    <li>
                        <a class="show-5 contactbutton" href="#"><i class="fa fa-envelope"></i>联系方式</a>
                    </li>
                </ul>
            </div>
        </div>
		<div class="copyrights">Collect from <a href="http://www.ytu80.com/" >叶统学的个人博客</a></div>
        <div class="container" id="page-content">
            <div class="row">


                
                <div class="col-md-9 col-sm-12 content-holder">
                    <!-- CONTENT -->
                    <div id="menu-container">
                        
                        <div class="logo-holder logo-top-margin">
                            <a href="#" class="site-brand"><img src="${pageContext.request.contextPath}/static/images/logo.png" id="logo" alt=""></a>
                        </div>
                        
                        
                        <div id="menu-1" class="homepage home-section text-center">
                            <div class="welcome-text">
                               <h2>ytu80个人博客</h2>
                                <p>
						                                你知道什么是<span class="orange">IT</span>吗，你知道什么<span class="orange">BUG</span>吗，你知道什么是<span class="orange">JAVA</span>吗？
						                                什么...不知道！哦，那太好了，我是<span class="green">一个JAVA程序员</span>。如果你身边有一位程序员，是不是一件很酷的事，没有也没关系，缘分嘛，我们就是朋友了。
                                </p>
                                <form action="#" method="get" class="subscribe-form">
                                    <!-- <div class="row">
                                        <fieldset class="col-md-offset-2 col-md-6">
                                            <input name="subscribe-email" type="email" class="email" id="subscribe-email" placeholder="Write your email here..">
                                        </fieldset>
                                        <fieldset class="col-md-4 button-holder">
                                            <input name="submit" type="submit" class="button default" id="submit" value="提交">
                                        </fieldset>
                                    </div> -->
                                    <!-- <p class="subscribe-text">输入您的邮箱，我会尽快给你回复</p> -->
                                    <p class="subscribe-text">
										欢迎访问我的网站：<a href="http://www.ytu80.com/"><span class="orange">www.ytu80.com</span></a>
									</p>
                                </form>
                            </div>
                        </div>

                        <div id="menu-2" class="content about-section">
                            <div class="row">
                                <div class="col-md-8 col-sm-8">
                                    <div class="box-content profile">
                                        <h3 class="widget-title">那时候</h3>
                                        <div class="profile-thumb">
                                            <img src="${pageContext.request.contextPath}/static/images/8.jpg" alt="">
                                        </div>
                                        <div class="profile-content">
                                            <h5 class="profile-name">年轻时候的我</h5>
                                            <span class="profile-role">臭美地自传</span>
                                            <p>我一直以为只要保持低调，就没有人认得出我是帅哥，可是我错了，像我这样拉风的男人，是那麽的鲜明，那麽地出众，特别是我那忧郁的眼神，淩乱的发型，都深深地出卖了我。<span class="blue">（擦，眼神和头发被帽子挡住了）</span><br><br>
											</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-4 col-sm-4">
                                    <div class="box-content">
                                        <h3 class="widget-title">座右铭</h3>
                                        <p>当一个人找不到出路的时候，最好的办法就是将当前能做好的事情做到极致，做到无人能及</p>
                                        <!-- <div class="about-social">
                                            <ul>
                                                <li><a href="#" class="fa fa-facebook"></a></li>
                                                <li><a href="#" class="fa fa-twitter"></a></li>
                                                <li><a href="#" class="fa fa-linkedin"></a></li>
                                                <li><a href="#" class="fa fa-dribbble"></a></li>
                                            </ul>
                                        </div> -->
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-5 col-sm-5">
                                    <div class="box-content">
                                        <h3 class="widget-title">又来臭美</h3>
                                        <div class="project-item">
                                            <img src="${pageContext.request.contextPath}/static/images/7.jpg" alt="">
                                            <div class="project-hover">
                                                <h4>最美的时候，就是我PS之后的时候</h4>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-7 col-sm-7">
                                    <div class="box-content">
                                        <h3 class="widget-title">评价度</h3>
                                        <ul class="progess-bars">
                                            <li>
                                                <span>可恶指数 1%</span>
                                                <div class="progress">
                                                    <div class="progress-bar" role="progressbar" aria-valuenow="1" aria-valuemin="0" aria-valuemax="100" style="width: 1%;"></div>
                                                </div>
                                            </li>
                                            <li>
                                                <span>一般指数 95%</span>
                                                <div class="progress">
                                                    <div class="progress-bar" role="progressbar" aria-valuenow="95" aria-valuemin="0" aria-valuemax="100" style="width: 95%;"></div>
                                                </div>
                                            </li>
                                            <li>
                                                <span>帅气指数 70%</span>
                                                <div class="progress">
                                                    <div class="progress-bar" role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100" style="width: 70%;"></div>
                                                </div>
                                            </li>
                                            <li>
                                                <span>PS指数 100%</span>
                                                <div class="progress">
                                                    <div class="progress-bar" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width: 100%;"></div>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div id="menu-3" class="content gallery-section">
                            <div class="box-content">
                                <h3 class="widget-title">我和我的小伙伴们</h3>
                                <div class="row">
                                    <div class="col-md-4 col-sm-6 col-xs-12">
                                        <div class="project-item">
                                            <img src="${pageContext.request.contextPath}/static/images/1.jpg" alt="">
                                            <div class="project-hover">
                                                <h4>打你个不听话的</h4>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-4 col-sm-6 col-xs-12">
                                        <div class="project-item">
                                            <img src="${pageContext.request.contextPath}/static/images/2.jpg" alt="">
                                            <div class="project-hover">
                                                <h4>我们对大海宣誓</h4>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-4 col-sm-6 col-xs-12">
                                        <div class="project-item">
                                            <img src="${pageContext.request.contextPath}/static/images/3.jpg" alt="">
                                            <div class="project-hover">
                                                <h4>傻乐傻乐姑娘们</h4>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-4 col-sm-6 col-xs-12">
                                        <div class="project-item">
                                            <img src="${pageContext.request.contextPath}/static/images/4.jpg" alt="">
                                            <div class="project-hover">
                                                <h4>哪里的风吹来的妹子</h4>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-4 col-sm-6 col-xs-12">
                                        <div class="project-item">
                                            <img src="${pageContext.request.contextPath}/static/images/5.jpg" alt="">
                                            <div class="project-hover">
                                                <h4>盖世神功</h4>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-4 col-sm-6 col-xs-12">
                                        <div class="project-item">
                                            <img src="${pageContext.request.contextPath}/static/images/6.jpg" alt="">
                                            <div class="project-hover">
                                                <h4>都给本宫伺候好了</h4>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="project-pages">
                                    <ul>
                                        <li><a href="#">1</a></li>
                                        <!-- <li><a href="#">2</a></li>
                                        <li><a href="#">3</a></li>
                                        <li><a href="#">...</a></li> -->
                                    </ul>
                                </div>
                            </div>
                        </div>

                        <div id="menu-4" class="content contact-section">
                            <div class="row">
                                <div class="col-md-8 col-sm-8">
                                    <div class="box-content">
                                        <h3 class="widget-title">不能说的秘密</h3>
                                        <form class="contact-form">
                                            <fieldset>
                                                <input type="text" class="name" id="name" placeholder="姓名">
                                            </fieldset> 
                                            <fieldset>
                                                <input type="email" class="email" id="email" placeholder="邮件">
                                            </fieldset> 
                                            <fieldset>
                                                <input type="text" class="subject" id="subject" placeholder="话题">
                                            </fieldset>
                                            <fieldset>
                                                <textarea name="message" id="message" cols="30" rows="4" placeholder="说点什么"></textarea>
                                            </fieldset>
                                            <fieldset>
                                                <input type="submit" class="button" id="button" value="发   送">
                                            </fieldset>
                                        </form>
                                    </div>
                                </div>
                                <div class="col-md-4 col-sm-4">
                                    <div class="box-content">
                                        <h3 class="widget-title">保持联系</h3>
                                        <p>我的故事很简单，简单到只有你和我。就比如...你看，天下雨了，我和我的伞都在想你；对不起，其实，我是骗你的；我既没有你，也没有伞 </p>
                                        <!-- <div class="about-social">
                                            <ul>
                                                <li><a href="#" class="fa fa-facebook"></a></li>
                                                <li><a href="#" class="fa fa-twitter"></a></li>
                                                <li><a href="#" class="fa fa-linkedin"></a></li>
                                                <li><a href="#" class="fa fa-dribbble"></a></li>
                                            </ul>
                                        </div> -->
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>


                <div class="col-md-3 hidden-sm">
                    
                    <nav id="nav" class="main-navigation hidden-xs hidden-sm">
                        <ul class="main-menu">
                            <li>
                                <a class="show-1 active homebutton" href="#"><i class="fa fa-home"></i>主页</a>
                            </li>
                            <li>
                                <a class="show-2 aboutbutton" href="#"><i class="fa fa-user"></i>关于我的</a>
                            </li>
                            <li>
                                <a class="show-3 projectbutton" href="#"><i class="fa fa-camera"></i>相册</a>
                            </li>
                            <li>
                                <a class="show-5 contactbutton" href="#"><i class="fa fa-envelope"></i>悄悄话</a>
                            </li>
                        </ul>
                    </nav>

                </div>
            </div>
        </div>

        <!-- SITE-FOOTER -->
        <div class="site-footer">
            <div class="container">
                <div class="row">
                    <div class="col-md-12 text-center">
                        <p>This is place for my friends and me <a href="http://www.ytu80.com/" target="_blank" title="叶统学的个人博客">我的向日葵</a> 网站-  <a href="http://www.ytu80.com/sunflower-admin" title="网页模板" target="_blank">叶统学的个人博客</a></p>
                    </div>
                </div>
            </div>
        </div> <!-- .site-footer -->

        <script src="${pageContext.request.contextPath}/static/js/vendor/jquery-1.10.2.min.js"></script>
        <script src="${pageContext.request.contextPath}/static/js/plugins.js"></script>
        <script src="${pageContext.request.contextPath}/static/js/main.js"></script>
		<!-- templatemo 439 rectangle -->
    </body>
</html>
